<template>

  <div class="substitute">
    <!-- 轮播图 -->
    <van-swipe class="my-swipe" :autoplay="2000" indicator-color="white">
      <van-swipe-item><img src="@/assets/swipe/1.jpg" style=" width: 100%; " alt=""></van-swipe-item>
      <van-swipe-item><img src="@/assets/swipe/2.jpg" style="height:150px; width: 355px; " alt=""></van-swipe-item>
      <van-swipe-item><img src="@/assets/swipe/3.jpg" style="height:150px; width: 355px; " alt=""></van-swipe-item>
      <van-swipe-item><img src="@/assets/swipe/4.jpg" style="height:150px; width: 355px; " alt=""></van-swipe-item>
    </van-swipe>

    <!-- 公告 -->
    <div class="Notice">
      <p><i class="iconfont icon-duigou"></i>高薪日结</p>
      <p><i class="iconfont icon-duigou"></i>5重审核</p>
      <p><i class="iconfont icon-duigou"></i>安全保障</p>
    </div>
    <!-- tabbar -->
    <div class="tabBar">
      <div class="tabBar_incon1">
        <svg t="1665056963628" class="icon" viewBox="0 0 1061 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
          p-id="1695" width="35" height="35">
          <path
            d="M151.703704 89.50518542h758.51851801a151.703704 151.703704 0 0 1 151.703704 151.703703v663.703704a94.814815 94.814815 0 0 1-94.81481501 94.81481499H151.703704a151.703704 151.703704 0 0 1-151.703704-151.703704V241.20888842a151.703704 151.703704 0 0 1 151.703704-151.703703z"
            fill="#BAE7FF" p-id="1696"></path>
          <path
            d="M151.703704 89.50518542h758.51851801a151.703704 151.703704 0 0 1 151.703704 151.703703v474.07407499l-151.703704 136.91259199-2.27555501 2.275556L758.518519 999.72740741H151.703704a151.703704 151.703704 0 0 1-151.703704-151.703704V241.20888842a151.703704 151.703704 0 0 1 151.703704-151.703703z"
            fill="#1890FF" p-id="1697"></path>
          <path
            d="M151.703704 89.50518542h758.51851801a151.703704 151.703704 0 0 1 151.703704 151.703703v474.07407499h-207.45481501a94.814815 94.814815 0 0 0-94.814815 94.81481399v189.62963001H151.703704a151.703704 151.703704 0 0 1-151.703704-151.703704V241.20888842a151.703704 151.703704 0 0 1 151.703704-151.703703z"
            fill="#69C0FF" p-id="1698"></path>
          <path
            d="M341.333333-24.27259259a37.92592599 37.92592599 0 0 1 37.925926 37.92592599v173.32148101a37.92592599 37.92592599 0 0 1-37.925926 37.92592601 37.92592599 37.92592599 0 0 1-37.925926-37.92592601V13.65333341a37.92592599 37.92592599 0 0 1 37.925926-37.925926zM720.592593-24.27259259a37.92592599 37.92592599 0 0 1 37.925926 37.92592599v173.32148101a37.92592599 37.92592599 0 0 1-37.925926 37.92592601 37.92592599 37.92592599 0 0 1-37.925926-37.92592601V13.65333341a37.92592599 37.92592599 0 0 1 37.925926-37.925926z"
            fill="#BAE7FF" p-id="1699"></path>
          <path
            d="M322.37037001 468.76444441m-56.88888901 0a56.888889 56.888889 0 1 0 113.777778 0 56.888889 56.888889 0 1 0-113.777778 0Z"
            fill="#BAE7FF" p-id="1700"></path>
          <path
            d="M530.962963 430.83851841h227.555556a37.92592599 37.92592599 0 0 1 37.925925 37.925926 37.92592599 37.92592599 0 0 1-37.925925 37.925926h-227.555556a37.92592599 37.92592599 0 0 1-37.925926-37.925926 37.92592599 37.92592599 0 0 1 37.925926-37.925926zM530.962963 620.46814842h227.555556a37.92592599 37.92592599 0 0 1 37.925925 37.92592599 37.92592599 37.92592599 0 0 1-37.925925 37.925926h-227.555556a37.92592599 37.92592599 0 0 1-37.925926-37.925926 37.92592599 37.92592599 0 0 1 37.925926-37.92592599z"
            fill="#BAE7FF" p-id="1701"></path>
          <path
            d="M322.37037001 658.39407441m-56.88888901 0a56.888889 56.888889 0 1 0 113.777778 0 56.888889 56.888889 0 1 0-113.777778 0Z"
            fill="#BAE7FF" p-id="1702"></path>
        </svg>
        <p class="TBtitle">新手任务</p>
      </div>
      <div class="tabBar_incon2">
        <svg t="1665057804288" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
          p-id="1219" width="35" height="35">
          <path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#FFFFFF" p-id="1220"></path>
          <path
            d="M178.4 688.8c111.2-44 222.4-66.4 333.6-66.4s222.4 22.4 333.6 66.4c30.4 12 50.4 41.6 50.4 74.4 0 28.8-24 52.8-52.8 52.8H180.8c-28.8 0-52.8-24-52.8-52.8 0-32.8 20-62.4 50.4-74.4z"
            fill="#D6F1FF" p-id="1221"></path>
          <path
            d="M843.2 830.4H180.8c-36.8 0-67.2-30.4-67.2-67.2 0-39.2 23.2-73.6 59.2-88 112-44.8 226.4-67.2 338.4-67.2 112 0 226.4 22.4 338.4 67.2 36 14.4 59.2 48.8 59.2 87.2 1.6 37.6-28.8 68-65.6 68zM184 701.6c-25.6 10.4-41.6 34.4-41.6 61.6 0 21.6 17.6 39.2 38.4 39.2h662.4c21.6 0 38.4-17.6 38.4-38.4 0-27.2-16-51.2-41.6-61.6-108.8-43.2-219.2-64.8-328-64.8-108.8-0.8-219.2 20.8-328 64z"
            fill="#333333" p-id="1222"></path>
          <path
            d="M178.4 688.8c111.2-44 222.4-66.4 333.6-66.4s222.4 22.4 333.6 66.4c30.4 12 50.4 41.6 50.4 74.4 0 28.8-24 52.8-52.8 52.8H180.8c-28.8 0-52.8-24-52.8-52.8 0-32.8 20-62.4 50.4-74.4z"
            fill="#D6F1FF" p-id="1223"></path>
          <path
            d="M843.2 830.4H180.8c-36.8 0-67.2-30.4-67.2-67.2 0-39.2 23.2-73.6 59.2-88 112-44.8 226.4-67.2 338.4-67.2 112 0 226.4 22.4 338.4 67.2 36 14.4 59.2 48.8 59.2 87.2 1.6 37.6-28.8 68-65.6 68zM184 701.6c-25.6 10.4-41.6 34.4-41.6 61.6 0 21.6 17.6 39.2 38.4 39.2h662.4c21.6 0 38.4-17.6 38.4-38.4 0-27.2-16-51.2-41.6-61.6-108.8-43.2-219.2-64.8-328-64.8-108.8-0.8-219.2 20.8-328 64z"
            fill="#333333" p-id="1224"></path>
          <path
            d="M664.8 429.6l-4.8 48.8c-4 44-30.4 81.6-67.2 102.4-9.6 14.4-14.4 28.8-14.4 42.4 0 24.8 15.2 49.6 44.8 74.4H400.8c29.6-23.2 44.8-47.2 44.8-72.8 0-15.2-4.8-29.6-14.4-44.8-36-20.8-61.6-57.6-66.4-101.6l-4.8-48.8h-4.8c-19.2 0-35.2-16-35.2-35.2 0-18.4 14.4-33.6 32.8-35.2l-8-79.2C336 187.2 403.2 105.6 496 96h16c92.8 0 168 75.2 168 168 0 5.6 0 11.2-0.8 16.8l-8 79.2c18.4 1.6 32.8 16.8 32.8 35.2 0 19.2-16 35.2-35.2 35.2-1.6-0.8-2.4-0.8-4-0.8z"
            fill="#FFDAC4" p-id="1225"></path>
          <path
            d="M662.4 712H359.2l32.8-25.6c25.6-20 39.2-40.8 39.2-61.6 0-11.2-4-22.4-10.4-34.4-39.2-24-65.6-64.8-70.4-111.2l-4-36.8c-23.2-4-40.8-24-40.8-48.8 0-20.8 12.8-38.4 31.2-45.6l-6.4-66.4c-4.8-48.8 9.6-96 40.8-133.6 31.2-37.6 74.4-60.8 123.2-65.6 5.6-0.8 12-0.8 17.6-0.8 100.8 0 182.4 82.4 182.4 182.4 0 6.4 0 12-0.8 17.6l-6.4 66.4c18.4 7.2 31.2 24.8 31.2 45.6 0 24-17.6 44.8-40.8 48.8l-4 37.6c-4.8 46.4-31.2 87.2-71.2 111.2-6.4 11.2-10.4 21.6-10.4 32 0 20.8 13.6 41.6 39.2 64l31.2 24.8z m-226.4-28h153.6c-16-20-24.8-40-24.8-60.8 0-16.8 5.6-33.6 16.8-50.4l1.6-3.2 3.2-1.6c33.6-19.2 56-52.8 60-91.2l6.4-63.2 14.4 1.6h2.4c11.2 0 20.8-9.6 20.8-20.8 0-11.2-8.8-20-19.2-20.8l-15.2-0.8 8.8-93.6c0.8-4.8 0.8-10.4 0.8-15.2 0-84.8-68.8-154.4-154.4-154.4-4.8 0-10.4 0-15.2 0.8-40.8 4-77.6 24-104 56s-38.4 72-34.4 112.8L368 372.8l-14.4 0.8c-11.2 0.8-19.2 9.6-19.2 20.8 0 12 9.6 20.8 20.8 20.8h2.4l14.4-1.6 6.4 63.2c4 38.4 25.6 72 59.2 91.2l3.2 1.6 1.6 3.2c11.2 16.8 16.8 34.4 16.8 52 0 20.8-8 40-23.2 59.2z"
            fill="#333333" p-id="1226"></path>
          <path
            d="M344.8 284.8L344 280c-8.8-92.8 58.4-174.4 151.2-184H512c92.8 0 168 75.2 168 168 0 5.6 0 11.2-0.8 16.8l-0.8 4.8h-23.2c-8.8 0-16-7.2-16-16s-7.2-16-16-16H397.6c-8.8 0-16 7.2-16 16s-7.2 16-16 16h-20.8z"
            fill="#333333" p-id="1227"></path>
          <path
            d="M692 299.2H656c-16.8 0-29.6-13.6-29.6-29.6 0-0.8-0.8-1.6-1.6-1.6H397.6c-0.8 0-1.6 0.8-1.6 1.6 0 16.8-13.6 29.6-29.6 29.6h-33.6l-1.6-16.8c-4.8-48.8 9.6-96 40.8-133.6 31.2-37.6 74.4-60.8 123.2-65.6 5.6-0.8 12-0.8 17.6-0.8 100-0.8 181.6 81.6 181.6 181.6 0 6.4 0 12-0.8 17.6l-1.6 17.6z m-294.4-60h225.6c16.8 0 29.6 13.6 29.6 29.6 0 0.8 0.8 1.6 1.6 1.6h10.4v-7.2c0-84.8-68.8-154.4-154.4-154.4-4.8 0-10.4 0-15.2 0.8-40.8 4-77.6 24-104 56-24 29.6-36.8 66.4-35.2 104.8h8c0.8 0 1.6-0.8 1.6-1.6 2.4-16 16-29.6 32-29.6zM284.8 650.4l104.8-27.2 56.8 184.8H284.8zM744 650.4l-104.8-27.2-56 184.8H744z"
            fill="#333333" p-id="1228"></path>
          <path
            d="M451.2 341.6c4.8 0 8.8 4 8.8 8.8v35.2c0 4.8-4 8.8-8.8 8.8-4.8 0-8.8-4-8.8-8.8v-35.2c0-4.8 4-8.8 8.8-8.8z"
            fill="#333333" p-id="1229"></path>
          <path
            d="M572.8 341.6c4.8 0 8.8 4 8.8 8.8v35.2c0 4.8-4 8.8-8.8 8.8-4.8 0-8.8-4-8.8-8.8v-35.2c0-4.8 4-8.8 8.8-8.8z"
            fill="#333333" p-id="1230"></path>
          <path
            d="M511.2 683.2c0.8-1.6 2.4-2.4 3.2-3.2l115.2-57.6c1.6-0.8 2.4-0.8 4-0.8 4.8 0 8.8 4 8.8 8.8v114.4c0 1.6 0 2.4-0.8 4-2.4 4-7.2 6.4-12 4l-115.2-57.6c-1.6-0.8-2.4-1.6-3.2-3.2-0.8 1.6-2.4 2.4-3.2 3.2l-115.2 57.6c-4 2.4-9.6 0-12-4-0.8-1.6-0.8-2.4-0.8-4V630.4c0-4.8 4-8.8 8.8-8.8 1.6 0 2.4 0 4 0.8L507.2 680c1.6 0.8 3.2 1.6 4 3.2z"
            fill="#0072FF" p-id="1231"></path>
          <path
            d="M633.6 766.4c-3.2 0-6.4-0.8-9.6-2.4l-112.8-56-112.8 56c-10.4 5.6-23.2 0.8-28.8-9.6-1.6-3.2-2.4-6.4-2.4-9.6V630.4c0-12 9.6-21.6 21.6-21.6 3.2 0 6.4 0.8 9.6 2.4l112.8 56 112.8-56c3.2-1.6 6.4-2.4 9.6-2.4 12 0 21.6 9.6 21.6 21.6v114.4c0 3.2-0.8 6.4-2.4 9.6-4 7.2-11.2 12-19.2 12zM527.2 688l102.4 51.2V636.8L527.2 688z m-134.4-51.2v101.6L495.2 688l-102.4-51.2z m-6.4-3.2z m248.8 0z"
            fill="#333333" p-id="1232"></path>
          <path d="M512 768m-16 0a16 16 0 1 0 32 0 16 16 0 1 0-32 0Z" fill="#FFFFFF" p-id="1233"></path>
        </svg>
        <p class="TBtitle">学生兼职</p>
      </div>
      <div class="tabBar_incon3">
        <svg t="1665057860659" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
          p-id="2055" width="35" height="35">
          <path
            d="M15.8 466.4c0 166.5 88.8 320.3 233 403.6 144.2 83.2 321.8 83.2 466 0s233-237.1 233-403.6c0-166.5-88.8-320.3-233-403.5-144.2-83.2-321.8-83.2-466 0-144.2 83.1-233 237-233 403.5z m0 0"
            fill="#E9EAEB" p-id="2056"></path>
          <path
            d="M393.9 373.8c14.8 0 90.8-140.4 107.6-161.9 5.8-7.4 6.9-11.1 2.6-16.5-4.4-5.4-14.4-5-25.4-1.9-20.5 5.9-45.7 0-73.9-8.4-57.1-16.1-139.7-38.9-172.8 20.2-3.2 5.8-1 5.1 5.4 12 17.4 18.8 90.5 156.4 105.4 156.4h51.1z m0 0"
            fill="#A3D4FF" p-id="2057"></path>
          <path
            d="M393.9 390.5h-51.1c-16 0-27.3-14.8-80.9-103.5-14.8-24.3-31.2-51.7-36.9-58-1.2-1.3-2.2-2.3-3-3-8.7-6.8-10.7-19.1-4.6-28.3 39.8-71.1 134.8-44.3 191.5-28 24.9 7.4 48.6 13.1 65.1 8.4 19.8-5.6 34.1-3.2 42.8 7.4 13.7 16.6 2.1 31.6-2.3 36.9-4.4 5.3-18 28.2-31.7 51.2-62.9 105.3-73.7 116.9-88.9 116.9z m-46.2-33.4h41.9c12.1-12.9 46-69.5 64.7-100.9 12.8-21.4 22.2-36.9 28.5-46.6-24.7 6.9-52.2 0-82.8-8.5-63.3-18-122.2-30.8-149.3 5.9 14.5 20 27.8 40.8 39.8 62.4 17.4 29.1 45.8 76.3 57.2 87.7z m0 0"
            fill="#2A5082" p-id="2058"></path>
          <path
            d="M430.1 341.5c-54.5-33.1-109.9-18.5-144.3 0C114.5 433.5 45.4 612 45.4 699.6c0 177.4 140 223.3 312.5 223.3 172.6 0 312.5-43.6 312.5-220.8 0.1-85.2-73.5-259.2-240.3-360.6z m0 0"
            fill="#A3D4FF" p-id="2059"></path>
          <path
            d="M357.9 939.6c-221.7 0-329.2-78.5-329.2-240 0-99.3 77.3-280.8 249.2-372.8 25.6-13.7 92.4-41.2 160.7 0.4C610 431.5 687 609.2 687 702.1c0.1 237.5-247.6 237.5-329.1 237.5z m2.5-601.3c-23.3 0.5-46.1 6.6-66.5 17.8C118.6 450.1 62 628.1 62 699.6c0 141 94 206.9 295.6 206.9 204.6 0 295.6-63 295.6-204.2 0-82.7-73.9-249.9-232.4-346.4-18.1-11.3-39-17.4-60.4-17.6z m0 0"
            fill="#2A5082" p-id="2060"></path>
          <path
            d="M135.8 683.7h-33.3c0-76.8 59.7-217 192.1-288.2l15.7 29.6c-131.7 70.6-174.5 204.7-174.5 258.6z m238.8 72.8h-33.3c-13.3 0-26-5.3-35.4-14.7-9.4-9.4-14.6-22.2-14.5-35.4h33.3c0 9.2 7.4 16.6 16.6 16.6h33.3c4.4 0 8.7-1.7 11.8-4.8 3.1-3.1 4.9-7.4 4.9-11.8v-9c0-7.1-4.6-13.5-11.4-15.7l-54.3-18.2c-20.4-6.8-34.2-25.9-34.1-47.4v-9.2c0-27.6 22.3-49.9 49.9-50h33.3c27.6 0 49.9 22.4 49.9 50h-33.3c0-9.2-7.4-16.6-16.6-16.6h-33.3c-9.2 0-16.6 7.4-16.6 16.6v9.3c0 7.2 4.6 13.6 11.4 15.8l54.3 18.1c20.4 6.8 34.2 25.9 34.1 47.4v8.9c0.1 13.3-5.2 26.1-14.6 35.5-9.4 9.3-22.2 14.6-35.4 14.6z m0 0"
            fill="#2A5082" p-id="2061"></path>
          <path d="M341.3 523.6h33.3v49.9h-33.3v-49.9z m0 216.3h33.3v50h-33.3v-50z m0 0" fill="#2A5082" p-id="2062">
          </path>
          <path d="M624.2 174.1h33.3v99.8h-33.3z" fill="#BCC0C4" p-id="2063"></path>
          <path d="M590.9 207.4h99.8v33.3h-99.8v-33.3z m166.4 83.1h33.3v99.8h-33.3v-99.8z m0 0" fill="#BCC0C4"
            p-id="2064"></path>
          <path d="M724 323.9h99.8v33.3H724z" fill="#BCC0C4" p-id="2065"></path>
          <path
            d="M640.8 490.3c-64.4 0-116.5 22.2-116.5 50v416c0 27.6 52.2 50 116.5 50s116.5-22.2 116.5-50V540.2c0-27.6-52.1-49.9-116.5-49.9z m233 183c-64.4 0-116.5 22.2-116.5 50v166.4c0 27.6 52.2 50 116.5 50s116.5-22.2 116.5-50V723.2c0-27.5-52.2-49.9-116.5-49.9z m0 0"
            fill="#FFFFFF" p-id="2066"></path>
          <path
            d="M640.8 690c-66.5 0-133-22.8-133-66.5v-83.3h33.3v83.2c0 11.8 37.9 33.3 99.8 33.3s99.8-21.6 99.8-33.3v-83.2H774v83.2c-0.1 43.7-67 66.6-133.2 66.6z m0 0"
            fill="#2A5082" p-id="2067"></path>
          <path
            d="M640.8 772.8c-66.5 0-133-22.8-133-66.5v-82.9h33.3v82.9c0 11.7 37.9 33.3 99.8 33.3s99.8-21.6 99.8-33.3v-82.9H774v82.9c-0.1 44.4-67 66.5-133.2 66.5z m0 0"
            fill="#2A5082" p-id="2068"></path>
          <path
            d="M640.8 856.3c-66.5 0-133-22.8-133-66.5v-83.5h33.3v83.5c0 11.8 37.9 33.3 99.8 33.3s99.8-21.6 99.8-33.3v-83.5H774v83.5c-0.1 43.7-67 66.5-133.2 66.5z m0 0"
            fill="#2A5082" p-id="2069"></path>
          <path
            d="M640.8 939.6c-66.5 0-133-22.8-133-66.5v-83.2h33.3V873c0 11.8 37.9 33.3 99.8 33.3s99.8-21.6 99.8-33.3v-83.2H774V873c-0.1 43.7-67 66.6-133.2 66.6z m0 0"
            fill="#2A5082" p-id="2070"></path>
          <path
            d="M640.8 1022.8c-66.5 0-133-22.8-133-66.5V873h33.3v83.2c0 11.7 37.9 33.3 99.8 33.3s99.8-21.6 99.8-33.3V873H774v83.2c-0.1 43.7-67 66.6-133.2 66.6z m0-416c-66.5 0-133-22.8-133-66.5s67-66.5 133-66.5c66.1 0 133 22.8 133 66.5s-66.8 66.5-133 66.5z m0-99.9c-61.9 0-99.8 21.6-99.8 33.3 0 11.7 37.9 33.1 99.8 33.1s99.8-21.6 99.8-33.3c0-11.7-38.2-33.3-99.8-33.3v0.2z m233 366.1c-66.5 0-133-22.8-133-66.5v-83.2h33.3v83.2c0 11.8 37.9 33.3 99.8 33.3s99.8-21.6 99.8-33.3v-83.2h33.3v83.2c-0.1 43.6-67 66.5-133.2 66.5z m0 0"
            fill="#2A5082" p-id="2071"></path>
          <path
            d="M873.8 956.2c-66.5 0-133-22.8-133-66.5v-83.2h33.3v83.2c0 11.8 37.9 33.3 99.8 33.3s99.8-21.6 99.8-33.3v-83.2h33.3v83.2c-0.1 43.6-67 66.5-133.2 66.5z m0-166.4c-66.5 0-133-22.8-133-66.5s67-66.5 133-66.5c66.1 0 133 22.8 133 66.5s-66.8 66.5-133 66.5z m0-99.8c-61.9 0-99.8 21.6-99.8 33.3 0 11.7 37.9 33.3 99.8 33.3s99.8-21.6 99.8-33.3c0.1-11.7-37.8-33.3-99.8-33.3z m0 0"
            fill="#2A5082" p-id="2072"></path>
        </svg>
        <p class="TBtitle">高薪任务</p>
      </div>
      <div class="tabBar_incon4">
        <svg t="1665057929533" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
          p-id="2317" width="35" height="35">
          <path
            d="M814.933333 914.666667H214.4c-54.933333 0-99.733333-44.8-99.733333-99.733334V214.4c0-54.933333 44.8-99.733333 99.733333-99.733333h600.533333c54.933333 0 99.733333 44.8 99.733334 99.733333v600.533333c0 54.933333-44.8 99.733333-99.733334 99.733334z"
            fill="#FF4C5E" p-id="2318"></path>
          <path
            d="M349.866667 741.333333h-0.533334c-33.6 0-60.8-27.2-60.8-60.8v-80.533333c0-33.6 27.2-60.8 60.8-60.8h0.533334c33.6 0 60.8 27.2 60.8 60.8v80.533333c0 33.6-27.2 60.8-60.8 60.8zM685.866667 736h-0.533334c-33.6 0-60.8-27.2-60.8-60.8v-80.533333c0-33.6 27.2-60.8 60.8-60.8h0.533334c33.6 0 60.8 27.2 60.8 60.8v80.533333c0 33.6-27.2 60.8-60.8 60.8z"
            fill="#FDFDFD" p-id="2319"></path>
          <path
            d="M347.2 538.666667C355.733333 451.733333 428.266667 384 517.333333 384s161.6 67.733333 170.133334 154.666667h58.666666c-8-118.933333-107.2-213.333333-228.8-213.333334s-220.266667 94.4-228.8 213.333334h58.666667zM704 538.666667h42.666667v96h-42.666667zM288 538.666667h53.333333v96H288z"
            fill="#FDFDFD" p-id="2320"></path>
        </svg>
        <p class="TBtitle">听歌赚钱</p>
      </div>
    </div>
    <!-- 精选标题 -->
    <div class="especially">
      <p>
        <svg t="1665058358287" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
          p-id="6608" data-spm-anchor-id="a313x.7781069.0.i19" width="25" height="25">
          <path
            d="M336 972.8c-60.8-128-28.8-201.6 19.2-268.8 51.2-76.8 64-150.4 64-150.4s41.6 51.2 25.6 134.4c70.4-80 83.2-208 73.6-256 160 112 230.4 358.4 137.6 537.6 492.8-281.6 121.6-700.8 57.6-745.6 22.4 48 25.6 128-19.2 166.4-73.6-281.6-256-336-256-336 22.4 144-76.8 300.8-172.8 419.2-3.2-57.6-6.4-96-38.4-153.6-6.4 105.6-86.4 188.8-108.8 294.4C89.6 758.4 140.8 860.8 336 972.8L336 972.8z"
            p-id="6609" data-spm-anchor-id="a313x.7781069.0.i12" class="selected" fill="#f44c40"></path>
        </svg>
      </p>
      <p>精选推荐</p>
      <p>
        <svg t="1665058358287" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
          p-id="6608" data-spm-anchor-id="a313x.7781069.0.i19" width="25" height="25">
          <path
            d="M336 972.8c-60.8-128-28.8-201.6 19.2-268.8 51.2-76.8 64-150.4 64-150.4s41.6 51.2 25.6 134.4c70.4-80 83.2-208 73.6-256 160 112 230.4 358.4 137.6 537.6 492.8-281.6 121.6-700.8 57.6-745.6 22.4 48 25.6 128-19.2 166.4-73.6-281.6-256-336-256-336 22.4 144-76.8 300.8-172.8 419.2-3.2-57.6-6.4-96-38.4-153.6-6.4 105.6-86.4 188.8-108.8 294.4C89.6 758.4 140.8 860.8 336 972.8L336 972.8z"
            p-id="6609" data-spm-anchor-id="a313x.7781069.0.i12" class="selected" fill="#f44c40"></path>
        </svg>
      </p>
    </div>
    <!-- 精选任务列表 -->
    <optitem @todetail="onTaskdetail(tasklist[index])" v-for="(item,index) in tasklist" :key="item.hours"
      :titlename="item.title" :price="item.price" :label="item.select" :orderBtn="'立即抢单'" />
  </div>
</template>
  
<script>
import { reqTask } from '../../axios/index.js'
import optitem from '@/components/item.vue'
export default {
  components: {
    optitem
  },
  data() {
    return {
      tasklist: []
    }
  },
  methods: {
    onTaskdetail(item) {
      console.log(item);
      this.$router.push({ name: 'detail', query: item })
    }
  },
  mounted() {
    
      reqTask().then((res) => {
        // console.log(res);
        this.tasklist = res.data.reqTask
        let parser = JSON.stringify(res.data.reqTask)
        window.sessionStorage.setItem('TaskList', parser)
      })
  }
}
</script>
  
<style lang="less" scoped>
.substitute {
  padding: 10px 10px 0 10px;
  background: rgb(243, 241, 222);

  .van-swipe {
    border-radius: 10px;
    margin-bottom: 10px;

  }

  .my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    // line-height: 150px;
    text-align: center;
    background-color: #ffffff;
    // height:150px;
    // width: 355px;
  }

  .Notice {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-left: 50px;
    padding-right: 50px;
    background: rgb(255, 227, 144);
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    border-radius: 10px;
    margin-bottom: 10px;

    .icon-duigou {
      font-size: 10px;
    }
  }

  .tabBar {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 10px;

    .tabBar_incon1,
    .tabBar_incon2,
    .tabBar_incon3,
    .tabBar_incon4 {
      flex-direction: column;
      display: flex;
      align-items: center;

      .TBtitle {
        font-size: 13px;
      }
    }

  }

  .especially {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 黑体;
    font-weight: 1000;
    margin-bottom: 10px;
  }

  .SelectedTaskList {
    background: rgb(255, 255, 255);
    padding: 10px;
    height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    border-radius: 5px;
    margin-bottom: 10px;

    .price {
      display: flex;
      justify-content: space-between;

      p {
        color: rgb(255, 106, 0);
      }

      .UnitPrice {
        font-size: 20px;
      }

      .TaskLabel {
        display: flex;
        justify-content: center;
        gap: 5px;
      }
    }

    .icon_button {
      display: flex;
      align-items: center;
      justify-content: space-between;

      p {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
      }

      .orderBtn {
        background: rgb(255, 106, 0);
        padding: 7px 12px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        font-size: 13px;
        color: #fff;
      }
    }
  }
}
</style>